<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="sider.css">
</head>

<body>
    <div class="page">
        <div class="sidebar">
            <h2>橙子之家</h2>
            <a href="home.html">首页</a>
            <a href="pageOne.html">栽培技术</a>
            <a href="pageTwo.html">药用价值</a>
            <a href="PageThree.html">相关知识</a>
            <a href="PageFour.html">新鲜橙子</a>
            <a href="pageFive.html">留言板</a>
        </div>
        <!-- 栽培技术区域 -->
        <div class="content">
            <div class="content-container">
                <!-- 顶部图片区域 -->
                <div class="img">
                    <div class="imgContainer">
                        <img src="./assert/img/origin3.jpg" alt="">
                    </div>
                </div>
                <!-- 文字描述区域 -->
                <div class="txt">
                    <h2>栽培技术</h2>
                    <p>橙子栽培技术是现代农业中一项重要的研究领域，通过科学的方法提升橙子的产量和质量。优质的橙子不仅富含维生素C，还具备良好的经济价值，广受市场欢迎。</p>

                    <h3>栽培要点：</h3>
                    <ul>
                        <li><strong>选择适宜品种：</strong>根据当地气候和土壤条件选择适合的橙子品种，如 navel 橙和脐橙等。</li>
                        <li><strong>土壤准备：</strong>在种植前进行土壤改良，确保土壤排水良好，pH 值适中（6.0-7.5）。</li>
                        <li><strong>施肥管理：</strong>使用有机肥和化肥，结合土壤检测结果，进行定期施肥，促进根系发育和果实成长。</li>
                        <li><strong>灌溉技术：</strong>采用滴灌或喷灌，保持土壤适度湿润，避免水分过多导致根腐病。</li>
                        <li><strong>病虫害防治：</strong>定期巡查植株，及时发现病虫害，采取生物防治或化学防治措施，确保果树健康。</li>
                        <li><strong>修剪管理：</strong>定期修剪橙树，保持良好的通风透光，促进果实均匀生长。</li>
                        <li><strong>适时采摘：</strong>根据橙子的成熟度，选择最佳采摘时间，以保持果实的新鲜和口感。</li>
                    </ul>

                    <p>通过科学的栽培管理，农民可以有效提高橙子的产量和品质，为市场提供优质的果品，同时实现经济收益的最大化。</p>
                </div>
            </div>
        </div>
    </div>
</body>
<style>
    .page {
        /* display: flex; */
        background-color: #faf7ef;

    }

    /* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
    /* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
    @font-face {
        font-family: "Thin";
        src: url("./assert/font/lcpN4rU8LZcQ/hqNB0HSXIaJL.woff2") format("woff2"),
            url("./assert/font/lcpN4rU8LZcQ/hqNB0HSXIaJL.woff") format("woff");
        /* src: url("./assert/font/4q8TlRenPQls/PHqPuFNhSOqo.woff2") format("woff2"), */
        /* url("./assert/font/4q8TlRenPQls/PHqPuFNhSOqo.woff") format("woff"); */
        font-display: swap;
    }

    /* webSite/assert/font/lcpN4rU8LZcQ/hqNB0HSXIaJL.woff */
    /* webSite/assert/font/uGFLnLcckjCC/Z1eaFFZZPDjN.woff */
    .content {
        background: url(./assert/img/bg3.png) no-repeat center;
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .content .content-container {
        height: 100%;
        width: 70%;
        /* background-color: pink !important; */

    }

    .content .img {
        /* margin-top: 2%; */
        height: 42%;
        width: 100%;
        /* justify-content: center;
        align-items: center;
        display: flex; */
    }

    .content .img .imgContainer {
        height: 100%;
        width: 40%;
    }

    .content .img .imgContainer img {
        height: 100%;
        width: 100%;
    }

    .content .txt {
        height: 58%;
        width: 100%;
        /* background-color: palevioletred; */
        margin-top: 6px;
    }

    .txt {
        font-family: Arial, sans-serif;
        color: #333;
        /* 文字颜色 */
        padding-top: 30px;
    }

    .txt h2 {
        margin-top: 1%;
        font-size: 28px;
        /* 主标题字体大小 */
        color: #FF6600;
        /* 主标题颜色 */
    }

    .txt h3 {
        font-size: 24px;
        /* 副标题字体大小 */
        color: #CC3300;
        /* 副标题颜色 */
    }

    .txt p {
        font-size: 20px;
        /* 段落字体大小 */
        color: #555;
        /* 段落颜色 */
        padding-top: 10px;
    }

    .txt ul {
        font-size: 20px;
        /* 列表字体大小 */
        color: #444;
        /* 列表颜色 */
        padding-top: 10px;
    }

    .txt ul li {
        padding-top: 10px;
    }
</style>

<body>

</html>